<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蓝源Eloan-P2P平台</title>
<#include "common/links-tpl.ftl" />
    <link rel="stylesheet" type="text/css" href="/js/plugins/flipcountdown/jquery.flipcountdown.css"/>
    <script type="text/javascript" src="/js/plugins/flipcountdown/jquery.flipcountdown.js"></script>
    <script type="text/javascript">
        $(function () {
            $.each($(".countdown"), function (index, ele) {
                var time = $(ele).data("time");
                $(ele).flipcountdown({
                    size: 'xs',
                    beforeDateTime: time
                });
            });
        });
    </script>
</head>
<body>
<!-- 网页顶部导航 -->
<#include "common/head-tpl.ftl" />

<#assign currentNav = "index" />
<!-- 网页导航 -->
<#include "common/navbar-tpl.ftl" />

<!-- banner广告部分 start -->
<div class="container-fuil">
    <div id="carousel-banner-generi" class="carousel slide el-banner" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-banner-generi" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-banner-generi" data-slide-to="1"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="/images/banner01.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="/images/banner02.jpg" alt="...">
                <div class="carousel-caption"></div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-banner-generi" role="button" data-slide="prev"> <span
                class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-banner-generi" role="button" data-slide="next"> <span
                class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!-- banner广告部分 end -->

<!-- 项目3大特色feature -->
<div class="container el-feature">
    <dl class="el-feature-item01">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item02">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
    <dl class="el-feature-item03">
        <dt>投资理财</dt>
        <dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
    </dl>
</div>

<!-- 投资列表 -->
<div class="container el-panel">
    <!-- 发标公告 -->
    <div class="panel el-panel">
        <div class="panel-title">
					<span class="pull-left">
						发标公告
					</span>
        </div>
        <table class="table el-table table-hover">
            <thead>
            <tr>
                <th>借款人</th>
                <th>借款标题</th>
                <th>年利率</th>
                <th>金额</th>
                <th>还款方式</th>
                <th>借款期限</th>
                <th width="200px">发标时间</th>
                <th width="160px">发标倒计时</th>
            </tr>
            </thead>
            <tbody>
            <#if publishPendngBidRequests?size &gt; 0 >
                <#list publishPendngBidRequests as data>
                <tr>
                    <td>${data.createUser.username }</td>
                    <td>${data.title}</td>
                    <td class="text-info">
                    ${data.currentRate}%
                    </td>
                    <td class="text-info">${data.bidRequestAmount}</td>
                    <td>${data.returnTypeDisplay}</td>
                    <td>${data.monthes2Return}月</td>
                    <td>${data.publishTime?string('yyyy-MM-dd HH:mm:ss')}</td>
                    <td class="countdown" data-time="${data.publishTime?string('MM/dd/yyyy HH:mm:ss')}"></td>
                </tr>
                </#list>
            <#else>
            <tr>
                <td colspan="7" align="center">
                    <p class="text-danger">目前暂时没有待发标的借款</p>
                </td>
            </tr>
            </#if>
            </tbody>

        </table>
    </div>
    <div class="panel el-panel">
        <div class="panel el-panel">
            <div class="panel-title">
					<span class="pull-left">
						进行中借款
					</span>
                <div class="pull-right">
                    <a class="btn btn-link " href="/invest">
                        进入投资列表
                    </a>
                </div>
            </div>
            <table class="table el-table table-hover">
                <thead>
                <tr>
                    <th>借款人</th>
                    <th>借款标题</th>
                    <th>年利率</th>
                    <th>金额</th>
                    <th>还款方式</th>
                    <th>借款期限</th>
                    <th>进度</th>
                    <th width="80px">操作</th>
                </tr>
                </thead>
                <tbody>
                <#if bidRequests?size &gt; 0 >
                    <#list bidRequests as data>
                    <tr>
                        <td>${data.createUser.username }</td>
                        <td>${data.title}</td>
                        <td class="text-info">
                        ${data.currentRate}%
                        </td>
                        <td class="text-info">${data.bidRequestAmount}</td>
                        <td>${data.returnTypeDisplay}</td>
                        <td>${data.monthes2Return}月</td>
                        <td>
                            <div class="">
                            ${data.persent} %
                            </div>
                        </td>
                        <td><a class="btn btn-danger btn-sm" href="/borrow_info?id=${data.id}">查看</a></td>
                    </tr>
                    </#list>
                <#else>
                <tr>
                    <td colspan="7" align="center">
                        <p class="text-danger">目前暂时没有进行中的借款</p>
                    </td>
                </tr>
                </#if>
                </tbody>

            </table>
        </div>


        <div class="panel el-panel">
            <div class="panel-title">
					<span class="pull-left">
						企业最新资讯
					</span>
                <div class="pull-right">
                    <a class="btn btn-link " href="">
                        更多资讯
                    </a>
                </div>
            </div>
            <div class="el-new-list">
                <ul>
                    <li>
                        <a href="#">
                            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                            <span class="pull-right">发表日期：2015-03-23</span>
                            <span class="clearfix"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                            <span class="pull-right">发表日期：2015-03-23</span>
                            <span class="clearfix"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
                            <span class="pull-right">发表日期：2015-03-23</span>
                            <span class="clearfix"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

<#include "common/footer-tpl.ftl" />
</body>
</html>